@charset "gb2312";
/*-----  Global  ----*/
*{word-break:break-all;margin:0;padding:0;}
body {behavior:url("csshover3.htc");} 
body{font-size:16px;color:#262e41; font-family: 'Helvetica Neue', 'Helvetica', 'Microsoft Yahei',"微软雅黑", sans-serif;padding:0px;margin:0px auto;line-height:30px; background-color:#FFF;  width:100%;overflow-x: hidden;}
*, :after, :before{margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
a{ color:#333; text-decoration:none;}
a,a:visited{text-decoration:none!important;color:#555;}
a:hover {color: #425563;text-decoration: none;}
ul li{list-style:none;}
.clear{clear:both; height:0px; width:0px; overflow:hidden;}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix{display: inline-table;}
img{max-width:100%; border:0; height:auto;}
/*.imgZoom { overflow:hidden; }*/
.imgZoom img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; display:block; border-radius:15px;}
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
/* Hides from IE-mac \*/ 
*html .clearfix {height: 1%;}
.clearfix {display: block;}
.floatLeft{float:left;}
.floatRight{float:right;}
::-webkit-input-placeholder
{color:#555;}
:-moz-placeholder
{color:#555;}
::-moz-placeholder
{color:#555;}
:-ms-input-placeholder
{color:#555;}
.wrap{ width:1410px; margin:0 auto;}
/*head*/
#headbg{background:#8C949B;}
.headbg{ background-color:#425563;}
.head p{width:60%;margin:0;height:38px;line-height:38px;font-size:12px;float:left;color:#E2E2E2;}
.head .h_right{width:21%;float:right;font-size:0;-webkit-text-size-adjust:none;position:relative;}
.head .h_right i{width:52px;height:38px;display:block;position:absolute;left:0;top:0;}
.head .h_right i:before{}
.head .h_right i:after{}
.head .h_right .h_btn{display:inline-block;padding:0 0 0 28px;position:relative;font-size:14px;height:38px;line-height:38px;color:#fefefe;}
.head .h_right .h_btn.icon1{background:url(../images/top_phone.png) no-repeat left center;}
.head .h_right .h_btn.icon2{background:url(../images/top_email.png) no-repeat left center;margin-left:37px;}
.head .h_right .h_btn span{font-size:20px;vertical-align:bottom;font-weight:bold; color:#FFB400;}
.head .h_right .h_btn.icon2:before{content:'';width:1px;height:15px;/*background:#FFF;*/position:absolute;left:-18px;top:12px;}
/*top*/
.top{}
.top .logo{width:34%;float:left;padding:12px 0 9px;display:block;}
.top .logo img{display:block;width:100%;height:auto;}
/*nav*/
.pcnav{ width:61%;padding:40px 0 14px;float:right;}
.pcnav ul{margin:0;}
.pcnav .firstfloor>li{font-size:16px;text-align:center;position:relative;cursor:pointer;float:left;margin-left:4px;}
.pcnav .firstfloor>li>a{display:inline-block;height:35px;line-height:35px;padding:0 25px;color:#fff;}
.pcnav .firstfloor>li>a+i{display:inline-block;position:absolute;right:2px;top:16px;width:7px;height:4px;background:url(../images/nav_icon.png) no-repeat center center;}
.pcnav .firstfloor>li:hover>a{background:#E5A412;color:#FFF;}
.pcnav .firstfloor>li:hover>a+i{display:none;}
.pcnav .secondfloor{position:absolute;left:0;top:100%;z-index:9999;display:none;background:#FFF;min-width:100%;border-top:none;box-sizing:border-box;}
.pcnav .secondfloor>li{border-bottom:1px solid #E4EAEC;width:100%;line-height:44px;height:44px;font-size:13px;margin-left:0;white-space:nowrap;}
.pcnav .secondfloor>li>a{width:100%;height:100%;display:block;color:#76838F;padding:0 6px;}
.pcnav .secondfloor li a:hover{background:#E5A412;color:#FFF;}
.topfix{-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);top:0;position:fixed;}
/*mobilehead*/
#mobileheadbg{height:70px;display:none;}
#mobilehead{height:70px;width:100%;}
#mobilehead .logo{width:calc(100% - 120px);height:70px;display:block;float:left;background:url(../images/logo.png) no-repeat 10px center;background-size:auto 50px;}
#mobilehead .nav{float:right;}
#mobilehead .nav_bg{display:none;position:fixed;top:70px;left:0;z-index:989;width:100%;height:calc(100% - 70px);background:rgba(0, 0, 0, 0.6);animation:fade-in .43s ease 0s;-webkit-animation:fade-in .43s ease 0s;}
#mobilehead .nav .nav_box{display:none;position:absolute;top:70px;left:0;z-index:991;width:100%;overflow:auto;border-top:1px solid #eee;background:#fff;box-sizing:border-box;}
#mobilehead .nav .nav_one>li{border-bottom:1px solid #eee;padding:0 10px;}
#mobilehead .nav .nav_one>li>span{height:42px;line-height:42px;font-size:15px;}
#mobilehead .nav .nav_one>li>span>a{display:block;position:relative;width:calc(100% - 150px);height:42px;box-sizing:border-box;font-size:15px;color:#666;line-height:42px;float:left;}
#mobilehead .nav .nav_one>li>span>i{float:right;display:block;width:150px;height:42px;}
#mobilehead .nav .nav_one>li>span>i>em{float:right;width:42px;height:42px;background:url(../images/01.png) no-repeat center center;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;display:block;}
#mobilehead .nav .nav_one>li>span>i>em.on{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#mobilehead .nav .nav_one>li>ul{display:none;}
#mobilehead .nav .nav_one>li>ul>li{height:36px;line-height:36px;text-indent:20px;}
#mobilehead .nav .nav_one>li>ul>li>a{font-size:15px;color:#666;width:100%;height:100%;display:block;}
#mobilehead .nav .push-nav{display:block;position:relative;z-index:998;width:54px;height:50px;font-size:0;margin-right:8px;background:rgba(138,138,138,.5);margin-top:10px;border-radius:5px;}
#mobilehead .nav .push-nav .nav-toggle{display:block;position:absolute;left:50%;top:50%;border:0;border-radius:4px;cursor:pointer;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#mobilehead .nav .push-nav.on .nav-toggle{margin-left:-4px;}
#mobilehead .nav .push-nav .nav-toggle span{display:block;position:relative;z-index:1;width:37px;height:2px;margin:0 0 10px auto;background:#8a8a93;border-radius:3px;-webkit-transform-origin:35px;transform-origin:35px;-webkit-transition:all .5s;transition:all .5s;}
#mobilehead .nav .push-nav .nav-toggle span.two{width:30px;}
#mobilehead .nav .push-nav .nav-toggle span:last-child{margin-bottom:0;}
#mobilehead .nav .push-nav.on .nav-toggle span{ opacity:1;}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(3){-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(2){-webkit-transform:scale(0);transform:scale(0);}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(1){-webkit-transform:rotate(-45deg);transform: rotate(-45deg);}
#mobilehead .nav .nav_contact{position:relative;border-top:1px solid #eee;color:#666;}
#mobilehead .nav .nav_contact .nav_txt{width:100%;}
#mobilehead .nav .nav_contact .nav_txt span{height:42px;line-height:42px;display:block;float:left;position:relative;text-indent:15px;margin-left:10px;font-size:15px;}
#mobilehead .nav .nav_contact .nav_txt span a{color:#666;}
#mobilehead .nav .nav_contact .nav_txt span.sitemapicon{background:url(mobilesitemap.png) no-repeat left center;background-size:auto 15px;}
#mobilehead .nav .nav_contact .nav_txt span.topphoneicon{background:url(mobilephone.png) no-repeat left center;background-size:auto 15px;}
#mobilehead .nav .nav_contact .nav_txt span.topemailicon{background:url(mobileemail.png) no-repeat left center;background-size:auto 15px;text-indent:25px;}
/*flash*/
.index_banner{width:100%;height:0;padding-bottom:703px;position:relative;overflow:hidden;}
.index_banner .swiper-wrapper{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;}
.index_banner .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;}
.index_banner .swiper-pagination-bullets{bottom:40px!important;}
.index_banner .swiper-pagination-bullet{background:#FFF;opacity:1;width:13px;height:13px;border-radius:7px;}
.index_banner .swiper-pagination-bullet-active{width:37px;background:#D39602;}

.mcp{ margin-bottom:60px;}
.mcpt{ zoom:1; margin-bottom:40px;}
.mcpt h2{ font-size:36px; float:left; padding:10px 0; }
.mcpt p{ font-size:16px; color:#666666; float:left; padding-top:20px; margin-left:20px; display:inline;}
.mcpt a{ display:block; width:167px; height:42px; line-height:42px; background:url(../images/mcpt1.png) no-repeat center center; text-align:center; color:#ffffff; float:right;}
.mcpline{ clear:both;}
.mcpt h4{ font-size:14px; text-transform:uppercase; font-weight:normal; display:inline; background-color:#ffffff; padding-right:20px; position:relative;  z-index:888;}
.mcpt h4 span{ color:#425563; z-index:33;}
.mcpline2{ width:100%; height:1px; background-color: #1a1f28; position:relative; margin-top:-15px; z-index:1;}

.mcpt1{ zoom:1; margin-bottom:40px;}
.mcpt1 h2{ font-size:36px; float:left; padding:40px 0 10px; color:#fff; }
.mcpt1 p{ font-size:16px; color:#fff; float:left; padding-top:50px; margin-left:20px; display:inline;}
.mcpt1 a{ display:block; width:167px; height:42px; line-height:42px; background:url(../images/mcpt1.png) no-repeat center center; text-align:center; color:#ffffff; float:right; margin-top:30px;}
.mcpline1{ clear:both;}
.mcpt1 h4{ font-size:14px; text-transform:uppercase; font-weight:normal; display:inline; background-color:#ffffff; padding-right:20px; position:relative;  z-index:888;}
.mcpt1 h4 span{ color:#425563; z-index:33;}

.m5{ padding:60px 0 0px; overflow:hidden;}
.m5 .m1t h2{ line-height:66px;}
.m5 .m1t a{ margin-top:0;}
.m5 .m1t a span{ width:66px; height:66px; border-radius:50%; display:inline-block; text-align:center; color:#fff; background-color:#f6a31e; line-height:66px;}
.m5 ul{ overflow:hidden;}
.m5 li{ width:31.333%; float:left; margin:0 1% 2%; text-align:center; border:1px solid #ddd;border-radius:1rem;}
.m5 li a{ display:block; background:url(../images/m51.jpg) no-repeat right bottom;}
.m5 li .imgZoom img{ }
.m5 li { padding:20px 20px 35px; position:relative;}
.m5 li h3{ font-size:20px; margin-bottom:8px; background:#F0F3F5; padding:15px; margin-top:13px;}
.m5 li:hover h3{background:#425563; color:#fff; }
.m5 li .txt p{ font-size:16px; color:#999999; line-height:28px; text-align:left;}
.m5 li .txt span{ float:right; display:block; width:70px; height:65px; line-height:65px; position:absolute; bottom:0; right:0; color:#ffffff;}

/**row3**/
.row3{   overflow: hidden; padding-top: 41px;}

.youshi{padding:30px 0 0;}
.ys_content{position:relative;margin-top:23px;overflow: hidden;}
.ys_content:before{content:'';width:502px;height:100%;background:url(../images/pic8.jpg) no-repeat center center;position:absolute;left:50%;transform: translateX(-50%); top:0;}
.ys_content .ys_ul{overflow: hidden;}
.ys_content .ys_ul .ysll{float:left;}
.ys_content .ys_ul .yslr{float:right;}
.ys_content .ys_ul .ys_li{width:calc(50% - 245px);background:#F4F4F4;padding:88px 40px 72px 0;position:relative;}
.ys_content .ys_ul .ys_li.ysl_r{padding:88px 0 72px 50px;}
.ys_content .ys_ul .ys_li i{display:block;width:74px;height:61px;line-height:63px;background:url(../images/ico13.png) no-repeat center center;font-family:"Arial";font-size:34px;color:#FFF;text-align:center;position:absolute;right:-31px;top:68px;font-style:normal;}
.ys_content .ys_ul .ys_li i.ir{right:-31px;}
.ys_content .ys_ul .ys_li i.il{left:-31px;}
.ys_content .ys_ul .ys_li.bg1{background:#e5e5e7;}
.ys_content .ys_ul .ys_li .ys_txt{width:calc(100% - 183px);float:left;font-weight: bold;}
.ys_content .ys_ul .ys_li .ys_txt.yst_l{text-align:left;padding-left:24px;}
.ys_content .ys_ul .ys_li .ys_txt.yst_r{text-align:right;padding-right:24px;}
.ys_content .ys_ul .ys_li .ys_txt p{margin:0;color:#000;width: 240px;float: right;}
.ys_content .ys_ul .ys_li:hover .ys_txt p{color:#FFF;}
.ys_content .ys_ul .ys_li .ys_txt p:first-child{font-size:35px;height:58px;line-height:58px;}
.ys_content .ys_ul .ys_li .ys_txt p:last-child{font-size:16px;font-weight: normal;line-height: 1.81;margin-top:5px;text-align: left;}
.ys_content .ys_ul .ys_li .ys_img{width:154px;float:left;}
.ys_content .ys_ul .ys_li .ys_img .ysi_i{width:100%;padding-bottom:100%;position:relative;}
.ys_content .ys_ul .ys_li .ys_img .ysi_i img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;border-radius:50%;}
.ys_content .ys_ul .ys_li.ysl_r .ys_txt p{  float: left;}
.ys_content .ys_ul .ys_li.bg1:hover,.ys_content .ys_ul .ys_li:hover{   background-color: #425563;}
.ys_content::after{ content:''; display: block; position: absolute; width: 533px; height: 412px; background: url(../images/ico19.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    top: 50%; left: 50%; z-index: 9; -webkit-transform: translate(-50%,-31%);  -ms-transform: translate(-50%,-31%);  -o-transform: translate(-50%,-31%); transform: translate(-50%,-50%);}
.ys_content .ys_ul .ys_li i.ir.i3,.ys_content .ys_ul .ys_li i.il.i4{ top:auto; bottom: 82px;}

.g-tit{ text-align: center; position: relative; margin-bottom: 43px;}
.g-tit .tit{  font-size: 40px; color:#333; font-weight: bold; margin-bottom: 15px;}
.g-tit img{ display: block; margin:0 auto;}
.g-tit .desc{ font-size: 16px; color:#999999; text-transform: uppercase; margin-top: 10px;}

#anli{ width:100%; margin:0 auto; margin-top:50px; background:url(../images/m3bg.jpg) no-repeat; }
.anli{ width:68%; padding-bottom:50px;  margin:0 auto; position:relative}

.anli_nr{ width:100%; background:#FFF; margin:0 auto; margin-top:30px; padding-bottom:30px; }
 		/* 本例子css */
		.multipleColumn{position:relative; width:96%; margin:0 auto; font-family:"微软雅黑"  }

		.multipleColumn .bd{ overflow:hidden; margin:0 auto; padding-top:25px;  }
		.multipleColumn .bd ul{ overflow:hidden; zoom:1; float:left; _display:inline;  }
		.multipleColumn .bd ul li{ width:23%; margin:1%; margin-top:6.5px;  float:left; _display:inline; overflow:hidden; text-align:center; position:relative  }
		.multipleColumn .bd ul li .pic{ text-align:center; }
		.multipleColumn .bd ul li .pic img{ display:block; width:100%; max-width:100%; }
		.multipleColumn .bd ul li:first-child{ margin-left:0; width:49%;}
		.multipleColumn .bd ul li:first-child .pic img{ width:100%; }
		.multipleColumn .bd ul li .title{ width:100%; position:absolute; bottom:0; height:38px; line-height:38px; background:#000; opacity:0.7; }
		.multipleColumn .bd ul li:first-child .title{ width:100%; height:75px; background:#425563; opacity:0.8; text-align:left; line-height:70px; text-indent:0.5cm; font-size:25px; font-weight:bold}
		.multipleColumn .bd ul li .title a{ color:#FFF}


/* news */
.news{ width:100%; margin-top:40px; }
.news ul { overflow: hidden;}
.news ul li{ width:32%; float:left;margin-left:1.3%; }
.news ul li .newimg{ width:445px; height: 269px; overflow: hidden; }
.news ul li .newimg img{ width:100%; height: 100%;transition: 0.5s; }
.news ul li:hover .newimg img{ transform: scale(1.1); }
.news ul li .newimg span {color: #fff; position: absolute; z-index: 10; display: inline-block; padding: 6px; font-size: 18px; line-height: 26px; font-weight: bolder; background: #E5A412;}
.news ul li:hover{-webkit-box-shadow: 0 0 5px #999;box-shadow: 0 0 15px #999; }
.news ul li .newLtext{ width:100%; background:#ececec; padding:15px; }
.news ul li .newLtext h3{ font-size:20px; color:#333;}
.news ul li .newLtext span{ font-size:16px; color:#999; display: block; margin:10px 0px 10px;}
.news ul li .newLtext p{ font-size:16px; color:#666; line-height: 30px;}
.newxq a{ color:#333; font-size:16px; margin-top:20px; display: block;}
.newxq i{ width:27px; height: 13px; display:inline-block; background:url(../images/newjt.png) no-repeat center; }

.news ul li:hover .newLtext h3{ color:#004c9e;}
.news ul li:hover .newLtext p{ color:#333;}
.news ul li:hover .newxq a{ color:#00428a;}
.news ul li:hover .newxq i{ background:url(../images/newjtH.png) no-repeat center;}

.newsmore{ width:26%; margin-left:37%; height: 45px; text-align: center; line-height: 45px; border:1px solid #333;margin-top:50px; border-radius: 23px;}
.newsmore a{ color:#333; font-size:18px;width:100%; display: block;}
.newsmore:hover{ background:#00428a; border:1px solid #00428a;}
.newsmore:hover a{ color:#fff;}

.main-img-list {margin-top:50px; margin-bottom:-10px; }
.main-img-list ul li {width:50%;float: left;position: relative;}
.main-img-list ul li span{ text-align:center;}
.main-img-list ul li .by {width: 100%;height:98%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.6);display: -webkit-box;display: -ms-flexbox;	display: flex;-webkit-box-align: center;
-ms-flex-align: center;	align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-size: 30px;color: #fff;text-align: center;	opacity: 0;	-webkit-transition: all 0.5s;
	transition: all 0.5s;}
.main-img-list ul li:hover .by a{ color:#fff;}
.main-img-list ul li .by button {width: 145px;	height: 40px;line-height: 40px;	background: #fff;color: #666666;border-radius: 5px;	border: none;margin-top: 15px;}
.main-img-list ul li:hover .by {opacity: 1;}
.main-img-list ul li:hover .by button {	background-color: #E5A412;color: #fff;}

/* footer */

footer {padding-top:25px;background: #454545;}
footer ul {	margin-right: -50px;padding-bottom:30px;border-bottom: 1px solid #5C5C5C;}
footer ul li {width: calc(25% - 50px);margin-right: 50px;float: left;color: #fff;}
footer ul li .foot-title {padding: 20px;border-bottom: 1px solid #5C5C5C;font-size: 24px;font-weight: bold;	margin-bottom: 25px;position: relative;}
footer ul li .foot-title::before {content: "";display: block;	width: 6px;	height: 6px;background-color: #fff;	position: absolute;	top: 50%;left: 0px;}
footer ul li a.a-link {	display: block;	font-size: 14px;line-height: 20px;	color: #fff;padding: 6px 15px 6px 0;}
footer ul li p.p-link ,footer ul li a.p-link {	display: block;	font-size: 14px;line-height: 20px;color: #fff;padding: 6px 15px 6px 0;}
footer ul li h4 { font-size:18px; color:#fff; line-height: 30px;	position: relative;	top: -5px;}
footer ul li a.a-link:hover {transform: translateX(3px);	-webkit-transform: translateX(3px);	text-decoration: underline;}
footer ul li a.a-link::before {	content: "";background-image: url("../img/jiantou.png");display: inline-block;width: 10px;height: 10px;	margin-right: 5px;}
footer ul li .a-two {display: -webkit-box;display: -ms-flexbox;display: flex;	-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
footer ul li .a-two>div {width: 120px;}
footer ul li .foot-input {margin-bottom: 20px;}
footer ul li .foot-input input, textarea {width: 100%;background-color: #4D4D4D;font-size: 14px;border-radius: 3px;	border: none;padding: 10px;color: #e2e2e2;	font-family: Arial;}
footer ul li .foot-input input {height: 38px;}
footer ul li .foot-input input::-webkit-input-placeholder, footer ul li .foot-input textarea::-webkit-input-placeholder {color: #e2e2e2;}
footer ul li .foot-input input:-moz-placeholder, footer ul li .foot-input textarea:-moz-placeholder {color: #e2e2e2;}
footer ul li .foot-input input::-moz-placeholder, footer ul li .foot-input textarea::-moz-placeholder {	color: #e2e2e2;}
footer ul li .foot-input input:-ms-input-placeholder, footer ul li .foot-input textarea:-ms-input-placeholder {	color: #e2e2e2;}
footer ul li .foot-input textarea {	height: 80px;}
footer ul li button {width: 130px;	height: 38px;line-height: 38px;font-size: 16px;	color: #ededed;	background: #FB932C;border-radius: 3px;	border: none;}
footer .footer-bottom {	color: rgba(255, 255, 255, 0.6);padding: 20px 0;font-size: 14px;}
footer .footer-bottom section.footer-bottom-right p {margin-bottom: 15px;margin-left: 10px;}
footer .footer-bottom section.footer-bottom-right i {margin-top: 10px;font-size: 20px;	padding: 8px;margin-left: 10px;	background-color: #BABABA;border-radius: 50%;color: #454545;}

.fdh { display: none; }

.main-product {	}
.main-product .main-product-left {width: 20%; float: left;}
.main-product .main-product-right {	width:78%; padding-left:3%;float: left;}
.main-product .main-product-right .titles {padding: 10px 0 18px 0;	border-bottom: 1px solid #dcdcdc;}
.main-product .main-product-right .titles b {font-size:28px;border-bottom:3px solid #425563;padding-bottom:5px;}
.main-product .main-product-left .main-product-left-title, .main-product .main-product-left .main-product-left-text {border: 1px solid #eeeeee;border-radius: 3px;	margin-bottom: 20px;}
.main-product .main-product-left .main-product-left-title li {padding: 18px 5px;line-height: 20px;font-size: 14px;border-bottom: 1px solid #eeeeee;display: block;cursor: pointer;-webkit-transition: all 0.5s;transition: all 0.5s;}
.main-product .main-product-left .main-product-left-title li.li::before {content: "";background-image: url("../img/product/right.png");	background-repeat: no-repeat;width: 10px;height: 10px;display: inline-block;margin-right: 15px;}
.main-product .main-product-left .main-product-left-title li.ti {font-size: 24px;font-weight: bold;background-color: #425563;border-bottom: 2px solid #263139;color: #fff;border-radius: 3px 3px 0 0; line-height:60px; text-align:center;}
.main-product .main-product-left .main-product-left-title li.li:hover {	color: #f08519;}
.main-product .main-product-left .main-product-left-title li.li:hover::before {	background-image: url("../img/product/right_hover.png");}
.main-product .main-product-left .main-product-left-title li.active::before {background-image: url("../img/product/right_hover.png");}
.main-product .main-product-left .main-product-left-title li.active {color: #f08519;}
.main-product-left-text p {	padding: 10px 18px;	font-size: 14px;}
.main-product-left-text p b {display: block;font-size: 24px;}
.main-product-left-text img {margin-bottom: 30px;}
.main-product-left-text p:last-child {margin-bottom: 30px;}
.main-product .solution ul li {	display:block;margin-bottom: 20px;padding: 30px;background-color: #f5f5f5;border: 1px solid #eeeeee;}
.main-product .solution ul li:nth-child(2n) {-webkit-box-orient: horizontal;	-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
.main-product .solution ul li .demo-left {width: 24%; display:block; float:left;}
.main-product .solution ul li .demo-left img{ border-radius:15px;}
.main-product .solution ul li .demo-right {	width:72%; float:right;}
.main-product .solution ul li .demo-right span{ width:105px; color:#fff; border-radius:7px; display:block; background:#E5A412; padding:5px 25px; float:right;}
.main-product .solution ul li .demo-right h2 {	font-size: 20px;font-weight: bold; line-height:45px;}
.main-product .solution ul li p {margin: 30px 0;}
.main-product .solution ul li button.button-right {	background-color: #fff;	border: 1px solid #dcdcdc;	color: #666666;}

.solution ul li:hover {	-webkit-transform: translateY(-4px);transform: translateY(-4px);-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);}
.newCenter-info { width:78%; float:left; padding-left:3%;}
.newCenter-info .titles {padding: 10px 0 18px 0;	border-bottom: 1px solid #dcdcdc;}
.newCenter-info .titles b {font-size:28px;border-bottom:3px solid #425563;padding-bottom:5px;}
.newCenter-info .titles::after {content: "";display: inline-block;	margin-left: 20px; position: relative;	top: -10px;}
.newCenter-info ul.new-lis li {	padding: 30px 0 10px 0;	border-bottom: 1px solid #EEEEEE;padding-left: 18px;cursor: pointer;-webkit-transition: all 0.5s;transition: all 0.5s;}
.newCenter-info ul.new-lis li:hover {-webkit-box-shadow: 2px 3px 15px rgba(0, 0, 0, 0.1);box-shadow: 2px 3px 15px rgba(0, 0, 0, 0.1);}
.newCenter-info ul.new-lis li:hover h1::before {background-color: #FB932C;}
.newCenter-info ul.new-lis li h2 { display:block; float:left;color: #333333;position: relative;margin-right: 20px; border-left:5px solid #e5a412; padding-left:8px;}
.newCenter-info ul.new-lis li span { display:inline-block; float:right; font-size:14px; padding-right:8px; color:#999;}
.newCenter-info ul.new-lis li div {	display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.newCenter-info ul.new-lis li p {display: inline-block;	font-size: 14px;line-height: 24px;	padding: 20px 0;}
.newCenter-info ul.new-lis li p{width: 98%;}

.article-main { width:78%; padding-left:3%; float:left; margin-bottom: 60px;}
.article-main h1 {  font-size: 30px; font-weight: normal;  text-align: center; line-height: 2;}
.article-main .info { text-align: center; line-height: 30px; color: #999; font-size: 14px;  margin-bottom: 30px; border-bottom: 1px #dddddd solid;}
.news-lj { clear: both; overflow: hidden; padding: 10px 20px; padding-left: 130px; box-sizing: border-box; background: url(../images/ico_newslj.png) #f3f3f3 no-repeat 20px center;  margin: 30px auto;}
.news-lj p { color: #666; line-height: 24px; padding: 10px 0;}
.news-lj p font { color: #425563;}
.news-tel span { float: left; padding-left: 42px; background: url(../images/new-tel.png) no-repeat left center / contain;}
.news-tel span strong { color: #425563; font-size: 26px; font-weight: 700; margin-left: 8px;}
.news-tel a.new_btn { float: right; color: #fff; font-size: 18px; font-weight: 700; text-align: center; line-height: 40px;  padding: 0 20px 0 55px; background: url(../images/ico_btn.png) #425563 no-repeat 10px 4px / 30px;}
.article-main .conetnt { font-size: 16px;  line-height: 33px; padding: 0 15px;}
.article-main .content p { margin-bottom: 10px;}

.txt_name { line-height: 32px; font-size: 26px; font-weight: bold; background: url(../images/nchtit.png) no-repeat left center; margin-bottom: 20px; padding-left: 40px; background-size: contain;}
.tjcp,.xgxw { margin-top: 30px;}
.tjcp .name, .xgxw .name { position: relative; line-height: 50px; color: #fff; font-size: 26px; text-indent: 40px;}
.tjcp .name:before,.xgxw .name:before { position: absolute; left: 0; top: 0; content: ""; width: 206px; height: 50px; background: url(../images/xgt2.png) no-repeat left center; z-index: -1;}
.tjcp .name:after,.xgxw .name:after { position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 50px;  background-color: #f2f2f2; z-index: -2;}
.tjcp ul,.xgxw ul { border: 1px #dddddd solid; padding: 5px; overflow: hidden;}
.tjcp li { float: left; width: 24%; margin: 0.5%;}
.tjcp li img{ border:1px solid #f0f0f0;}
.tjcp li span { display: block; line-height: 42px; text-align: center;  background-color: #eee; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
.xgxw li { float: left; width: 46%; line-height: 42px; padding-left: 10px; margin: 0 2%; border-bottom: 1px dashed #ccc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.nyban img {  min-height: 249px;  object-fit: cover;}
.dqwz { background: #f0f3fa; padding: 10px 0;  border-top: 1px solid #d3dcf0;  border-bottom: 1px solid #d3dcf0;  font-size: 15px;  margin-bottom: 50px;}
.dqwz .p1 { text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.dqwz .p2 { display: none;}
.prenext { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 98%; line-height: 30px; margin-top: 20px; border-top: 1px #ddd solid; padding-top: 20px;}
.prenext .pre { float: left; width: 48%; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.prenext .next { text-align: right; float: right; width: 48%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.part-main { margin-bottom: 60px;}
.part-main .nyl { float: left; width: 45%; margin-bottom: 50px; border-radius: 6px; overflow: hidden;}
.part-main .nyl img { width: 100%; border: 3px solid #E7E7E7;}
.mainL img {border: 1px solid #E8E8E8;}
.part-main .nyr { float: left; width: 51%; margin-left: 4%; display: inline;}
.part-main .nyr h2 { font-size: 26px; margin-bottom: 30px;}
.part-main .description { color: #666; line-height:36px; padding-top: 20px; margin-bottom: 20px; border-top: 2px #425563 solid; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.part-main .list1 { width: 100%; overflow: hidden; padding: 20px 0; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid;}
.part-main .list1 li { float: left; width: 25%; line-height: 26px;}
.part-main .list1 li i { display: block; float: left; width: 26px; height: 26px; margin-right: 5px;}
.part-main .nytel { color: #999; font-size: 15px; padding-top: 30px;}
.part-main .nytel strong { display: inline-block; color: #425563; font-size:18px;/* vertical-align: text-bottom; */font-family: Arial, Helvetica, sans-serif;}
.part-main .nyrBtn { margin: 30px 0;}
.part-main .nyrBtn a { float: left; width: 167px; height: 45px; line-height: 43px; color: #fff; text-align: center; border-radius: 4px; border: 1px solid #425563; background-color: #425563; -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.part-main .nyrBtn a.backBtn { margin-left: 30px;}
.part-main .main dl { float: right; width: 20%; margin-left: 2%; margin-bottom: 20px; background: #E5A412 url(../images/partListBg.jpg) no-repeat left bottom / contain;}
.part-main .main dl dt { text-align: center;  padding: 30px 0; background-color: #E5A412;}
.part-main .main dl dt strong{ font-size: 30px; color: #fff;} 
.part-main .main dl dt p { font-size: 14px; color: #d3d3d3;}
.part-main .main dl dd { padding: 0 10px;}
.part-main .main dl dd a {display: block;height: 52px;line-height: 30px;color: #343434;padding: 11px 0; border-top: 1px dashed #EDEDED;}
.part-main .main dl dd:first-of-type a { border-top: 0;}
.part-main .main dl dd span { float: left; font-size: 15px;}
.part-main .main dl dd i { float: right;  font-size: 15px; margin-right: 11px;}
.part-main .main dl dd.tel { color: #fff; margin: 70px 0 120px;}
.part-main .main dl dd.tel p{ line-height: 1; font-size: 14px;}
.part-main .main dl dd.tel strong { font-size: 26px; font-weight: normal;}
.part-main .main .mainL{ float: left; width: 78%; line-height: 2; font-family: arial, tahoma, "Microsoft Yahei", 宋体, sans-serif;}
.ny-main h2 { position: relative; font-size: 36px; line-height: 1; text-align: center; margin-bottom: 60px;}
.ny-main h2:before { position: absolute; left: 0; right: 0; bottom: -10px; margin: auto; content: ""; width: 1em; height: 0.1em; background: #425563;}
.i5upage li { list-style-type:none; float:left; } /*如分页代码变成楼梯错位，加上这句即可*/
.i5upage{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; margin-bottom:70px;}
.i5upage a,.i5upage span{display:block;color:#390;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:24px} /* SPAN和链接 */
.i5upage a:hover, .i5upage a.current{color:#F44;border:1px solid #F44} /* 当前链接有激活时 */
.i5upage input{padding:0px;color:#390;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */
/*1200以下屏幕*/

.lixi-bot{ background:url(../images/l2.jpg) #fff right bottom no-repeat;}
.lixi-bots{ width:100%; margin:0 auto; position:relative;}
.lixi-boty{ width:50%; float:left;}
.lixi-boty-wx{ width:50%; float:left;}
.lxmar{ margin-left:40px; display:inline;}
.lixi-boty-con p .mytxt{ width:280px; height:75px; border:1px #ddd solid; padding:15px;}
.lixi-boty-con p .mytxts{ width:280px; height:35px; border:1px #ddd solid; padding:0 15px;}
.lixi-boty-con p .mytxty{ width:150px; height:35px; border:1px #ddd solid; padding:0 15px;}
.lixi-boty-tel{top:4px; left:50%;}
.lixi-boty-tel span{ background:#151e49; padding:6px 25px; color:#fff;}
.lixi-boty-tel em{ line-height:60px; font-size:28px; font-weight: bold;}
.lixi-boty-weima{ left:50%; text-align:center; color:#888; float:left;}
.lixi-boty-weima img{ border:1px #6d97c9 solid;}
.lixi-boty-con{ border-right:1px #ddd dashed;}
.lixi-boty-tit{ height:78px; border-left:50px #151e49 solid; color:#151e49;}
.lixi-boty-tit em{ font-size:36px; float:left; padding:50px 0 0 15px; font-style:normal;}
.lixi-boty-tit span{ font-size:24px; float:left; padding:52px 0 0 15px;}
.lixi-boty-coy h3{ font-size:25px; line-height:80px;  padding-left:60px; margin-bottom:10px;}
.lixi-boty-coy p{ padding:3px 0 3px 60px; line-height:40px; font-size:16px; color:#777;}
.lcbg1{ background:url(../images/05.png) left no-repeat;}
.lcbg2{ background:url(../images/06.png) left no-repeat;}
.lcbg3{ background:url(../images/07.png) left no-repeat;}
.lcbg4{ background:url(../images/08.png) left no-repeat;}
.lcbg5{ background:url(../images/09.png) left no-repeat;}
.lcbg6{ background:url(../images/04.png) left no-repeat;}
.lcbg7{ background:url(../images/02.png) left no-repeat;}

.case-main{ width:78%; float:left; padding-left:2%;}
.case-main li {
  float: left;
  width: 32%;
  margin-top: 1%;
  margin-left: 1%;
  margin-bottom: 1%;
  text-align: center;
  border: 1px solid #dcdcdc;
  box-shadow: 2px 4px 8px 0px #e6e6ef;
  overflow: hidden;
  border-radius:15px;
}
.case-main li .img {
  position: relative;
}
.case-main li .img img{ border-radius:15px;}
.case-main li .img:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../images/caseBgActive.png) repeat;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  opacity: 0;
}
.case-main li .img:after { position: absolute; top: 0; left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  content: "";
  width: 48px;
  height: 48px;
  background: url(../images/caseActive.png) no-repeat;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  opacity: 0;
}
.case-main li a {
  display: block;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.case-main li p {
  font-size: 18px;
  line-height: 45px;
}
.case-main li:hover a {
 color: #fff; 
 background-color: #425563; 
}
@media screen and (max-width:1200px){
	.wrap{ width:98%; margin:0 1%;}
	.head p{height:30px;line-height:30px;}
	.head .h_right .h_btn{height:30px;line-height:30px;}
	.head .h_right .h_btn span{font-size:14px;}
	.index_banner{padding-bottom:450px;}
	.index_banner .swiper-pagination-bullets{bottom:20px!important;}
	.index_banner .swiper-pagination-bullet{width:10px;height:10px;}
	.index_banner .swiper-pagination-bullet-active{width:32px;}
	.top .logo{width:200px;padding:12px 0 15px;}
	.pcnav{padding:23px 0 24px;}
	.pcnav .firstfloor>li{font-size:14px;}
	.pcnav .firstfloor>li>a{padding:0 15px;}
    .ys_content .ys_ul .ys_li .ys_txt p:last-child{font-size: 14px;}
    .ys_content .ys_ul .ys_li{width:calc(50% - 100px);padding: 44px 20px 36px 0;}
    .ys_content .ys_ul .ys_li.ysl_r{padding: 44px 0 36px 44px;}
    .ys_content:before{}
    .ys_content::after{ width: 266.5px;    height: 206px;}
	.ys_content .ys_ul .ys_li .ys_txt p:first-child{font-size: 26px;height: auto;line-height: 1.5;}
    .ys_content::after,.ys_content::before,.ys_content .ys_ul .ys_li i,.g-about .link{display: none;}
    .ys_content .ys_ul .ys_li{width: 50%;}
	.anli{ width:98%; margin:1%;}
	.multipleColumn .bd ul li:first-child , .multipleColumn .bd ul li{ width:48%; margin:1%;}
    .multipleColumn .bd ul li:first-child .pic img{ height:auto;}
}
/*980以下屏幕*/
@media screen and (max-width:980px){
	#headbg{display:none;}
	.top{display:none;}
	#navwrap{display:none;}
	#mobileheadbg{display:block;}
	#mobilehead.mhead{background:#FFF;position:fixed;z-index:9999;top:0;box-shadow:0 2px 5px rgba(0,0,0,.6);}
	#mobilehead .nav_bg.nav_bg1{height:70px;height:calc(100% - 70px);}
	#mobilehead .nav .nav_box.nav_box1{top:70px;}
	.index_banner{padding-bottom:310px;}
	.index_banner .swiper-pagination-bullets{bottom:12px!important;}
	.index_banner .swiper-button-prev{width:23px;height:60px;margin-top:-30px;}
	.index_banner .swiper-button-next{width:23px;height:60px;margin-top:-30px;}
	
	.m5 li .txt p,.m5 li .txt div{ display:none;}
.m5 li .txt{ padding:0;}
.m5 li .txt h3{ font-size:16px; font-weight:normal; line-height:40px;}
.m5 li .txt span{ display:none;}
.m5 li a{ background-image:none;}
.m5{ padding:15px 0;}
    .ys_content .ys_ul .ys_li .ys_img{width: 120px;}
    .ys_content .ys_ul .ys_li .ys_txt{width:calc(100% - 120px);}
	.ys_content .ys_ul .ys_li.ysl_r{padding: 20px;}
   .ys_content .ys_ul .ys_li{width: auto;float: none;overflow: hidden;padding: 20px;background: #e5e5e7;margin-bottom: 10px;}
   .ys_content .ys_ul .ys_li .ys_txt p{width: auto;}
   .g-about .txt .cn{font-size: 28px;}
   .g-tit .tit{font-size: 26px;}

}
/*800以下屏幕*/
@media screen and (max-width:800px){
	
	.m5 li{ width:48%;}
	.m5 li h3{ font-size:16px;  padding:1px; }
	.news ul li{ width:100%; float:none;margin-left:0%; margin-bottom:30px; }
	.newsmore{ width:100%; margin-left:0%; height: 40px; text-align: center; line-height: 40px; margin-top:30px; border-radius: 20px;}
	.main-img-list ul li{ width:100%;}
    .mcpt1 p{ margin-left:0;}
    .mcpt p{ margin-left:0;}
	.hide{ display:none;}
	footer{ margin-bottom:40px;}
	footer ul{ margin-right:0;}
	footer ul li {width: 100%;margin-bottom: 20px;}
	.fdh { display: block; line-height: 40px; height: 40px; background-color: #425563; width: 100%; display: block; position: fixed; z-index: 99999; bottom: 0px; color: #FFF; }
	.fdh li { width: 33.33333333%; float: left; display: block; text-align: center; border-right: 1px #ddd solid; box-sizing: border-box; }
	.fdh .li { background-color: #E5A412; }
	.fdh a { color: #FFF; }
	.solution ul li .demo-left {width: 100%;}
	.main-product .main-product-left {	width: 100%;}
	.main-product .main-product-right {	width: 100%;padding-left: 0;}
	.main-product .solution ul li .demo-left {	width: 100%;}
	.solution ul li .demo-right {width: 100%;padding: 20px 15px 10px 15px;}
	.solution ul li button {margin-bottom: 15px;}
	.main-product .solution ul li .demo-right {width: 100%;	padding: 20px 0;}
	.main-product .solution ul li .demo-right {	width: 100%;padding: 20px 0;}
	.solution ul li {display: -webkit-box;display: -ms-flexbox;	display: flex;	-ms-flex-wrap: wrap;flex-wrap: wrap;}
	.solution ul li h2 {font-size: 26px;}
	.solution ul li h3 {font-size: 24px;}
	.solution ul li p {	margin: 20px 0;	}
	.multipleColumn .bd ul li:first-child{ width:98%; margin:0 auto;}
	.multipleColumn .bd ul li{ width:48%; margin:1%;}
	.main-product .solution ul li p {margin: 20px 0;}
	.newCenter-info{ width:98%; margin:0 auto;}
	.newCenter-info ul.new-lis li{ padding-left:0;}
	.nyban {  display: none;}
  .dqwz { display: block; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; background-color: #E5A412; height: auto; text-align: center; padding: 0; line-height: 16px; border: 0; margin-bottom: 20px;}
  .dqwz .w1410 {  width: 100%; }
  .dqwz .p1 {  font-size: 14px;  border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;  text-align: center; background-color: #fff; padding: 15px; }
  .dqwz .p1 b {  padding-left: 0; }
  .dqwz .p2 { display: block; color: #fff; padding: 10px 0;}
  .article-main{ width:98%; margin:0 auto;}
  .tjcp li {   width: 48%;   margin: 1%; }
  .xgxw li { width: 96%; }
  .news-lj { display: none;}
  .part-main .nyl {width: 95%; margin: 0 auto 20px; box-sizing: border-box; text-align: center; float: none;}
  .part-main .nyl img { border-radius: 0;}
  .part-main .nyr { width: 98%; margin: 0 1%;}
  .part-main .nyr h2 {text-align: center; margin-bottom: 15px; }
  .part-main .description { color: #fff; padding: 20px; border-radius: 10px; background-color: #425563; text-align: justify; overflow: visible; display: block; -webkit-box-orient: inline-axis;}
  .part-main .nytel { text-align: center; margin: 20px; padding-top: 0; border-top: 0;}
  .part-main .nyrBtn{ display: none; }
  .part-main .list1 {  display: none; }
  .part-main .main dl { display: none; }
  .part-main .main .mainL{ width:98%; margin:0 auto;}
  .lixi-bot{ background-image:none;}
  .lixi-boty{ width:98%; margin:0 auto;}
  .lixi-boty-wx{ width:98%; margin:0 auto;}
  .lixi-boty-coy h3{ font-size:18px;}
  .case-main{ width:98%; margin:0 auto;}
  .case-main li{ width:48%; margin:1%;}
}

/*668以下屏幕*/
@media screen and (max-width:640px){
	.index_banner{padding-bottom:205px;}
	.index_banner .swiper-button-prev{display:none;}
	.index_banner .swiper-button-next{display:none;}
	.index_banner .swiper-pagination-bullet{width:7px;height:7px;}
	.index_banner .swiper-pagination-bullet-active{width:26px;}
}
/*480以下屏幕*/
@media screen and (max-width:480px){
	#headbg{display:none;}
	#mobilehead .logo{width:calc(100% - 70px);background-size:auto 40px;}
	#mobilehead .nav_bg{top:70px;height:calc(100% - 70px);}
	#mobilehead .nav .nav_box{top:70px;}
	.index_banner{padding-bottom:150px;}
	.ys_content .ys_ul .ys_li .ys_img{margin-top: 10px;}
	.part-main .nyrBtn a:hover { color: #425563; background-color: #fff;}